html, body, div, span, applet, object, iframe,  
h1, h2, h3, h4, h5, h6, p, blockquote, pre,  
a, abbr, acronym, address, big, cite, code,  
del, dfn, em, img, ins, kbd, q, s, samp,  
small, strike, strong, sub, sup, tt, var,  
b, u, i, center,  
dl, dt, dd, ol, ul, li,  
fieldset, form, label, legend,  
table, caption, tbody, tfoot, thead, tr, th, td,  
article, aside, canvas, details, embed,  
figure, figcaption, footer, header, hgroup,  
menu, nav, output, ruby, section, summary,  
time, mark, audio, video {  
margin: 0;  
padding: 0;  
border: 0;  
font-size: 100%;  
font: inherit;  
vertical-align: baseline;  
}  
/* HTML5 display-role reset for older browsers */  
article, aside, details, figcaption, figure,  
footer, header, hgroup, menu, nav, section {  
display: block;  
}  
body {  
line-height: 1;  
}  
ol, ul {  
list-style: none;  
}  
blockquote, q {  
quotes: none;  
}  
blockquote:before, blockquote:after,  
q:before, q:after {  
content: '';  
content: none;  
}  
table {  
border-collapse: collapse;  
border-spacing: 0;  
} 
a{
text-decoration:none;
color:inherit;
}
/*包含以下四种的链接*/
a {
    text-decoration: none;
}
/*正常的未被访问过的链接*/
a:link {
    text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
    text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
    text-decoration: none;
}
/* 正在点击的链接*/
a:active {
    text-decoration: none;
}

#first {
	background-color: #FFFFFF;
}

#title {
	height: 120px;
	margin-left: 20%;
	margin-right: 20%;

	line-height: 100px;
	background-color: #FFFFFF;
}

#titil-1 {
	width: 70%;
	height: 80px;
	float: left;
}

h2 {
	line-height: 80px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#titil-2 {
	width: 30%;
	display: flex;

}

#titil-2 input {
	float: left;
	flex: 4;
	height: 40px;
	outline: none;
	border: 1px solid #03BB7A;
	box-sizing: border-box;
	padding-left: 10px;
	margin-top: 40px;
	margin-bottom: 20px;
}

#titil-2 button {
	float: right;
	width: 100px;
	flex: 1;
	height: 40px;
	background-color: #03BB7A;
	color: white;
	border-style: none;
	outline: none;
	margin-top: 40px;
	margin-bottom: 20px;
}

#titil-2 button i {
	font-style: normal;
}

#titil-2 button:hover {
	font-size: 16px;
}

#logo {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}

#banner {
	width: 100%;
	height: 500px;
}

/*图片背景*/
.tupianeijing {
	position: relative;
	height: 450px;
	width: 100%;
	overflow: hidden;
}

.pic {
	width: 7680px;
	position: absolute;
	left: 0;
	animation-name: focusmap;
	animation-duration: 8s;
	animation-iteration-count: infinite;
}

.tupianbeijing {
	height: 1000px;
}

@keyframes focusmap {

	0%,
	30% {
		left: 0;
	}

	35%,
	65% {
		left: -1920px;
	}

	70%,
	99% {
		left: -3840px;
	}

	100% {
		left: -5760px;
	}
}

.pic li {
	float: left;
}

.pic li img {
	width: 1920px;
	height: 800px;
}

#navigationBar ul li a {
	text-decoration: none;
	color: #000;
	display: block;
	width: 120px;
	float: left;
	text-align: center;
	height: 30px;
	line-height: 30px;
}
#first1{
	background-color: #03BB7A;
}

ul,ol,li {
	list-style: none;
}

#navigationBar {
	height: 30px;
	margin-left: 10%;
	margin-right: 20%;
	color: #101010;
	margin-bottom: 5px;
	font-size: 1.2em;
	font-family: "arial black";
}

#navigationBar ul li a{
	color: #000000;
}

#navigationBar ul li a:hover {
	color: #03BB7A;
	border-bottom: 5px solid #03BB7A;
}

/* 个人中心-列表 */
#navigationBar1 {
	height: 30px;
	margin-left: 5%;
	margin-right: 5%;
	color: #101010;
	margin-bottom: 5px;
	font-size: 1.2em;
	font-family: "arial black";
}
#navigationBar1 ul li a {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	width: 120px;
	float: left;
	text-align: center;
	height: 30px;
	line-height: 30px;
}
#navigationBar1 {
	height: 30px;
	margin-left:22%;
	margin-right: 20%;
	color: #101010;
	margin-bottom: 5px;
	font-size: 1.2em;
	font-family: "arial black";
}

#navigationBar1 ul > li:hover a{
	color: black;
	text-decoration: underline;
}

#login li:hover a{
	color: black;
	text-decoration: underline;
}


#picture {
	background-color: #F5F5F5;
}

#login {
	float: right;
}

#login li {
	float: left;
}

#choicest {
	padding-top: 15px;
	margin-top: 10px;
	margin-left: 20%;
	margin-right: 20%;
	background-color: #FFFFFF;
	padding-bottom: 40px;
}

#latest {
	padding-top: 15px;
	margin-top: 10px;
	margin-left: 20%;
	margin-right: 20%;
	background-color: #FFFFFF;
	padding-bottom: 40px;
}

#choicest h4 {
	text-align: center;
	font-size: 1.2em;
}

#latest h4 {
	text-align: center;
	font-size: 1.2em;
}

#body {
	background-color: #F5F5F5;
}

.spacing{
	width: 100%;
	height: 50px;
	background-color:#F5F5F5 ;
}

.footer-top{
	width: 100%;
	height: 80px;
	background-color:#F5F5F5 ;
}

#bottom {
	height: 160px;
	background-color: #474443;
}

#bottom-1 {
	padding-top: 3%;
}

p {
	color: #F5F5F5;
	margin-left: 20%;
	margin-right: 20%;
	text-align: center;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 140%;
}

body{
	background-color: whitesmoke;
}

#bottom {
	clear: both;
	height: 160px;
	width: 100%;
}

#bottom-1 {
	padding-top: 3%;
}

#bottom-1 p {
	clear: both;
	color: #F5F5F5;
	margin-left: 20%;
	margin-right: 20%;
	text-align: center;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 140%;
}
.bottom-submit{
	width: 200px;
	height: 50px;
	border-radius: 12px;
	margin-left: 100px;
	background-color: #03BB7A;
	border-style: none;
	color: white;
	margin-top: 100px;
}

.Navigition-Personal {
	width: 150px;
	height: 100%;
	margin-top: 50px;
	margin-left: 12%;
	float: left;
	background-color: #D3D3D3;
}

.Navigition-list {
	float: left;
}


.Navigition-list ul {
	font-size: 1.4em;
	color: white;
	margin-left:20px;
	line-height: 60px;
	
}

.Navigition-list ul li {
	position: relative;
	left: 20%;
	font-size: 1em;
	color: black;
	opacity: 1;
	line-height: 90px;
	letter-spacing: -1px;

	
}

.Navigition-list ul li a:hover {
	color: white;
	text-decoration: underline;
}

.list a:hover{
	color: #00B93B;
	text-decoration: underline;
}




.modify{
	position: absolute;
	top:-100px;
	float: left;
	width:100%;
	height: 720px;
	display: flex;
	background-color: white;
	margin-bottom: 50px;
}

.modify .picture{
	margin-left: 70px;
	margin-top: 30px;
	width: 120px;
	height: 120px;
	background-color: lavenderblush;
}

.font{
	position: relative;
	left: 220px;
	bottom: 80px;
	font-size: 18px;
}

.font:hover{
	color: #00B93B;
	text-decoration: underline;
}

.modify-information-left ul li a{
	position: relative;
	clear: both;
	margin-left: 70px;
	display: block;
	font-size: 1.15em;
	top: 30px;
	line-height: 60px;
}



.modify-information-right input{
	margin-top: 22px;
}

@media screen and (max-width:1200px) {
	.Navigition-Personal{
		margin-left: 0%;
	}
}

.bottom-submit:hover{
	filter: brightness(90%);
}


